<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateNotAlerta.xhtml">

<ui:define name="body">

	<table align="right">
		<tr>
			<td>
				<h:commandButton immediate="true"
					onclick="abrirPopup('help_online/help_home_agenda.seam');" 
					title="Ajuda Online"
					alt="Ajuda Online"
					image="img/help_peq.jpg"/>
			</td>
		</tr>
	</table>

		<h2 class="title">
			<a href="#">Compromissos Agendados</a>
		</h2>
		<br />
		<h:form id="formHome">
			<center>
				<br />
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Tipo de visualização:</ui:define>
						<h:selectOneMenu
							value="#{manterAgendaController.idTipoSelecionado}"
							valueChangeListener="#{manterAgendaController.atualizaListaAgendas}">
							<f:selectItems
								value="#{manterAgendaController.listaTiposVisualizacao}" />
							<a:support event="onchange"
								reRender="tabelaAgendas,scrollerAgenda" />
						</h:selectOneMenu>
					</s:decorate>
				</h:panelGrid>
				<rich:dataTable id="tabelaAgendas" rows="5"
					value="#{manterAgendaController.listaAgendas}" var="_agenda">
					<rich:column rendered="false">
						<f:facet name="header">
							<h:selectBooleanCheckbox
								value="#{manterAgendaController.selecionadoTodos}">
								<a:support event="onchange"
									action="#{manterAgendaController.selecionaTodos()}"
									reRender="tabelaAgendas" />
							</h:selectBooleanCheckbox>
						</f:facet>
						<h:selectBooleanCheckbox value="#{_agenda.selecionado}" />
					</rich:column>
					<rich:column>
						<f:facet name="header">Data</f:facet>
						<h:outputText value="#{_agenda.dtaAgenda}">
							<s:convertDateTime pattern="dd/MM/yyyy HH:mm" />
						</h:outputText>
						<rich:toolTip followMouse="true" direction="top-right"
							showDelay="500"
							disabled="#{usuarioLogado != null and usuarioLogado.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td><strong>Descrição:</strong><br /> <h:inputTextarea
												value="#{_agenda.dscAgenda}" rows="5" cols="50"
												readonly="false" /> <br /></td>
									</tr>
								</table> </span>
						</rich:toolTip>
					</rich:column>
					<rich:column>
						<f:facet name="header">Título</f:facet>
						<h:outputText value="#{_agenda.dscTitulo}" />
						<rich:toolTip followMouse="true" direction="top-right"
							showDelay="500"
							disabled="#{usuarioLogado != null and usuarioLogado.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td><strong>Descrição:</strong><br /> <h:inputTextarea
												value="#{_agenda.dscAgenda}" rows="5" cols="50"
												readonly="false" /> <br /></td>
									</tr>
								</table> </span>
						</rich:toolTip>
					</rich:column>
					<rich:column
						rendered="#{usuarioLogado != null and usuarioLogado.cliente != null}">
						<f:facet name="header">Descrição</f:facet>
						<h:inputTextarea value="#{_agenda.dscAgenda}" rows="3" cols="30"
							readonly="false" />
					</rich:column>
					<rich:column
						rendered="#{usuarioLogado.cliente == null or usuarioLogado.cliente.idCliente == null}">
						<f:facet name="header">Recursivo?</f:facet>
						<h:outputText value="SIM" rendered="#{_agenda.flgRecursivo}" />
						<h:outputText value="NÃO"
							rendered="#{_agenda.flgRecursivo == null or !_agenda.flgRecursivo}" />
						<rich:toolTip followMouse="true" direction="top-right"
							showDelay="500"
							disabled="#{usuarioLogado != null and usuarioLogado.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td><strong>Descrição:</strong><br /> <h:inputTextarea
												value="#{_agenda.dscAgenda}" rows="5" cols="50"
												readonly="false" /> <br /></td>
									</tr>
								</table> </span>
						</rich:toolTip>
					</rich:column>
					<rich:column
						rendered="#{usuarioLogado.cliente == null or usuarioLogado.cliente.idCliente == null}">
						<f:facet name="header">Cliente</f:facet>
						<h:outputText value="#{_agenda.cliente.dscNome}"
							rendered="#{_agenda.cliente != null}" />
						<rich:toolTip followMouse="true" direction="top-right"
							showDelay="500" disabled="#{_agenda.cliente == null}"
							rendered="#{_agenda.cliente != null}" styleClass="tooltip"
							layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td><strong>Telefone(s):</strong> <h:outputText
												value=" #{_agenda.cliente.telCelular} / #{_agenda.cliente.telResidencial}" /><br />
											<strong>Endereço:</strong> <h:outputText
												value=" #{_agenda.cliente.dscEndereco} - #{_agenda.cliente.dscCidade}" /><br />
											<strong>E-mail:</strong> <h:outputText
												value=" #{_agenda.cliente.dscEmail}" /><br /> <strong>Pet(s):</strong><br />
											<ui:repeat var="_pet" value="#{_agenda.cliente.listaPets}">
												<h:outputText value="#{_pet.dscNome} - #{_pet.raca.dscNome}" />
												<br />
											</ui:repeat> <br /></td>
									</tr>
								</table> </span>
						</rich:toolTip>
					</rich:column>
					<rich:column
						rendered="#{identity.hasRole('GERENCIAR_AGENDA_GRAVAR')}">
						<f:facet name="header"></f:facet>
						<h:commandLink action="#{manterAgendaController.editar(_agenda)}"
							value="EDITAR" />
					</rich:column>
				</rich:dataTable>
				<rich:datascroller id="scrollerAgenda" for="tabelaAgendas"
					renderIfSinglePage="false" />

				<div>
					<h:commandButton value="EXCLUIR"
						action="#{manterAgendaController.excluir()}"
						onclick="javascript:if(!confirm('Tem certeza que deseja excluir a(s) agenda(s) selecionada(s)?'))return false;"
						rendered="false" />
					<h:commandButton value="NOVO" action="novaAgenda"
						rendered="#{identity.hasRole('GERENCIAR_AGENDA_GRAVAR')}" />
				</div>
			</center>
		</h:form>

	</ui:define>
</ui:composition>
